/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* @group CLEARFIX */
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}

/* General */

html { position: relative; min-height: 100%; overflow-x: hidden;overflow-y: scroll;overflow: -moz-scrollbars-vertical;}

body {
font-family: Arial, Helvetica, sans-serif;
color:#444;
font-size:12px;
background-color:#FFF;
line-height:1;
height: 100%;
margin: 0; padding: 0; 
overflow-x: hidden;
}

a {
text-decoration:none
}

.width-100 {
width:100%;
}

.container, #header, .content, #subheader, .column, .arrow-qty {
/* width:97%; */
margin:0 auto;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box; 
margin-left: 20px;
margin-right: 20px;
}

.content {
padding:0;
}

.overflow-hidden .content {
overflow:hidden
}

#header {
color:#FFF;
margin-bottom:5px;
}

#header-container {
background-color:#004e78;
padding-top:5px;
}

#header a, #header p {
color:#9cafbe
}

#header a {
-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
}

#header a:hover, #subheader a {
color:#FFF
}

#header p {
font-size:.916em
}

#header h1 {
float:left;
width:55px;
height:12px;
text-indent:-9999px;
background:url(Images/logo-exiros.png)
}

h2 {
padding-bottom:6px;
font-size:1.5em;
font-weight:bold;
font-family: 'Asap', Arial, Helvetica, sans-serif;
}

h3 {
padding-bottom:12px;
font-size:1.333em;
font-family: 'Asap', Arial, Helvetica, sans-serif;
}

#subheader h2 {
text-transform:uppercase;
padding-bottom:0
}

#header p {
float:right;
}

#subheader {
background-color:#5490b1;
color:#FFF;
position:relative;
border: 1px solid #699FBD;
}

#subheader h2 a {
width:187px;
height:18px;
text-indent:-9999px;
background:url(Images/logo.png) no-repeat;
float:left;
margin:11px 0 12px 1.5%
}

#subheader a.trigger-dropdown {
display:block;
padding:15px 17px;
line-height:1;
font-size:.916em;
font-weight:bold;
}

#user a.trigger-dropdown {
padding-left:44px;
-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

a.trigger-dropdown span {
background:url(Images/sprite.png) no-repeat right 3px;
padding-right:18px
}


.filter-off .select-icon, .filter-on .filter-icon {
display:block
}

.filter-on .select-icon, .filter-off .filter-icon {
display:none
}


#user {
float:right
}

#nav {
position:absolute;
top:0;
/* left:50%; */
margin-left:36%;
}

#nav li {
display:inline
}

#nav a {
display: block;
text-decoration: none;
padding:13px 18px;
background-color:#6aa1bf;
color:#FFF;
float:left;
font-size:1.25em;
font-weight:bold;
-webkit-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

#nav a:hover, #nav .active a, #subheader #nav .active a {
background-color:#23678c;
}

#nav a:hover {
background-color:#4484a7
}

#nav .active a {
background-color:#23678c;
}

#nav .active a:hover {
cursor:default
}

.align-right {
float:right
}

.align-left {
float:left
}

.spacer-left, .button.spacer-left {
margin-left:8px
}

.inline-block {
display:inline-block;
float:left
}

.filter-bar {
padding:0 0 8px;
}

.filter-bar .align-left select {
margin-right:10px
}

.four-columns .column {
width:23.5%;
margin-left:2%;
float:left;
text-align:center
}

.column canvas {
margin:0 auto
}

.four-columns .column:first-child {
margin-left:0;
border-left:0 none
}

#detail-module {
width: 97%;
height: 40px;
background-color: #eff3f5;
border: 1px solid #DDD;
position: absolute;
overflow: hidden;
left: 1.5%;
right: 1.5%;
bottom: 0;
-webkit-transition: max-height 0.8s;
-moz-transition: max-height 0.8s;
transition: max-height 0.8s;
}

#module-bottom div.center {
text-align:left
}

#module-bottom div.center p {
margin-bottom:10px
}

/*  Edit size of the lower module when expanded in mid-size
#detail-module.mid-size {
height:50%;
}

/* Edit size of the lower module when expanded in full-size
#detail-module.full-size {
height:85%;
}
*/

#module-bottom .three-cols .center.award-letter {
float: left;
margin-right: 3%;
width: 26%;
}

.opt {
font-weight:bold;
float:right
}

tr.ui-widget-content.row-alert td.first-cell {
background:url(Images/border-red.png) no-repeat left
}

tr.ui-widget-content.row-alert.ui-priority-secondary td.first-cell {
background:#F8F8F8 url(Images/border-red.png) no-repeat left
}

tr.ui-widget-content.row-alert.ui-priority-secondary.ui-state-highlight td.first-cell {
background:#FFFBE7 url(Images/border-red.png) no-repeat left
}

tr.ui-widget-content td {
background-image:none
}

tr.ui-widget-content {
border-left: 0 none
}

.row-disabled {
color:#777777;
}

#detail-module-container {
padding:8px 0 0;
height: 100%;
}

/* #detail-module-content {
box-shadow: inset 0 15px 5px -15px rgba(0,0,0,.5);
padding-top:5px;
display:none;
height: 100%;
overflow:scroll
} */

#module-resizer {
padding:0 1% 8px;
}

#module-resizer p {
display:block;
padding-top:3px
}

#module-resizer h2 {
display:none;
padding-bottom:0
}

/* 
.mid-size #module-resizer p, .full-size #module-resizer p {
display:none
}

.mid-size #module-resizer h2, .full-size #module-resizer h2 {
display:block;
margin-top: -2px;
}

.mid-size #detail-module-content, .full-size #detail-module-content {
display:block
}
 */

/* #module-header {
padding:10px 1% 12px;
border-bottom:1px solid #dbdbdb;
background-color:#ebf0f2
}
 */
/* #module-header .button-group {
margin-top:0
} */

.align-left strong {
font-weight:bold
}

.icon-alert {
width:22px;
height:23px;
background:url(Images/sprite.png) no-repeat left -335px;
text-indent:-9999px;
margin-top:2px;
}

/* #module-header p.align-left {
margin-right:35px;
padding-top:9px
}
 */
.border-right {
border-right:1px solid #DDD;
padding-right:13px;
margin-right:13px
}

/*
#module-content {
background-color:#FFF;
padding:15px 0 8px;
}


#module-content .col {
float:left;
width:25%;
padding:0 10px;
border-left:1px solid #d1dee5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#FFF;
min-height: 95px
}

#module-content .col:first-child {
border-left:0 none
}
*/

dl {
line-height:1.25
}

dt {
float: left;
clear: left;
width: 110px;
text-align: right;
font-weight: bold;
padding-bottom:8px
}

dt:after {
content: ":";
}

dd {
margin: 0 0 0 120px;
padding: 0 0 8px 0;
}

.two-cols .left, .two-cols .right, .three-cols .left, .three-cols .right, .three-cols .center {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

#module-bottom {
background-color:#FFF;
height:100%
}

#module-bottom .two-cols .left {
float: left;
width:20%;
margin-right:3%;
}

#module-bottom .two-cols .right {
float: left;
width:77%;
}

#module-bottom .three-cols .left {
float: left;
width:15%;
margin-right:3%;
}

#module-bottom .three-cols .center {
float: left;
width:20%;
margin-right:3%;
}

#module-bottom .three-cols .right {
float: left;
width:59%;
}

/* .subnav {
width:100%;
border-top:1px solid #dbdbdb;
}

.subnav li a {
display:block;
background-color:#f5f7f7;
padding:8px 12px;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
line-height:1.35;
font-weight:bold;
color:#555;
text-align:left;
}

.subnav li a:hover {
background-color:#fff;
}

.subnav li.active a {
color:#444;
background:#bdd2dc url(Images/subnav-arrow.png) no-repeat right;
width:96%;
border:0 none;
}

#pos .subnav li.active a {
background:#bdd2dc url(Images/subnav-arrow-white.png) no-repeat right;
}

.subnav li.active a:hover {
cursor:default;
}

.subnav span {
display:block;
padding-left:20px
}

.subnav .icon-text span {
background:url(Images/sprite.png) no-repeat left -484px;
} */

.tab-content.ui-tabs-panel {
background-color:#eff3f5
}

/*#full-size-container, .mid-size #full-size-container {
display:none;
}*/

#full-size-container, #module-bottom .ui-tabs .ui-tabs-panel, #module-bottom .ui-tabs {
height: 100%;
}

#module-bottom .ui-tabs .ui-tabs-panel {
padding: 20px 1% 0;
}

.full-size #full-size-container {
display:block;
}

/* .button-bar.height-38 {
height:38px;

} */

button.no-bg {
background:none;
border:1px solid transparent;
font-weight:bold;
padding-left:4px;
padding-right:4px
}

button:hover.no-bg {
background:none;
background-color:#EEE;
border:1px solid transparent
}

button:hover.no-bg.disabled, button.no-bg.disabled, button:active.no-bg.disabled {
background:none;
background-color:#FFF;
border:1px solid transparent;
color:#CCC;
cursor:default;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}

button:active.disabled {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
cursor:default;
}

p.align-left {
padding-top:8px;
margin-right:8px
}

.button-bar select {
padding:5px 3px
}

option {
padding:0 8px
}

.button-group {
margin-top:3px
}

button.button-view {
width:17px;
height:16px;
text-indent:-9999px;
padding:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border:0 none
}
/*
#btn-small-detail-module {background:url(Images/sprite.png) no-repeat -49px -163px;}
#btn-mid-detail-module {background:url(Images/sprite.png) no-repeat -66px -147px;}
#btn-full-detail-module {background:url(Images/sprite.png) no-repeat -83px -147px;}


.mid-size #btn-mid-detail-module {background:url(Images/sprite.png) no-repeat -66px -163px;}
.mid-size #btn-small-detail-module {background:url(Images/sprite.png) no-repeat -49px -147px;}
.full-size #btn-full-detail-module {background:url(Images/sprite.png) no-repeat -83px -163px;}
.full-size #btn-small-detail-module {background:url(Images/sprite.png) no-repeat -49px -147px;}
*/
.tbd {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color:#fefefe;
text-align:center;
padding:50px 0
}


/* Buttons with icons */

button.icon {
padding-left:10px
}

button.icon.disabled, button.disabled {
color:#ADADAD
}

button.no-text {
text-indent:-9999px;
padding: 5px 3px;
}

button.icon span {
padding-left:21px;
display:block
}

button.icon.no-text span {
padding-left:0;
width:19px;
display:block
}

button.icon-small.no-text span {
padding-left:0;
width:18px;
display:block;
}

button.icon-small {
height:24px;
padding-left:8px;
padding:5px 3px
}

.icon-add span {background:url(Images/sprite.png) no-repeat left -49px}
.icon-add.disabled span {background:url(Images/sprite.png) no-repeat left -138px}
.icon-cancel span {background:url(Images/sprite.png) no-repeat left -661px}
.icon-cancel.disabled span {background:url(Images/sprite.png) no-repeat left -692px}
.icon-release span {background:url(Images/sprite.png) no-repeat left -1120px}
.icon-release.disabled span {background:url(Images/sprite.png) no-repeat left -138px}
.icon-reject span {background:url(Images/sprite.png) no-repeat left -841px}
.icon-reject.disabled span {background:url(Images/sprite.png) no-repeat left -875px}
.icon-reassign span {background:url(Images/sprite.png) no-repeat left -909px}
.icon-reassign.disabled span {background:url(Images/sprite.png) no-repeat left -940px}
.icon-xls span {background:url(Images/sprite.png) no-repeat 2px -72px;}
.icon-xls.disabled span {background:url(Images/sprite.png) no-repeat 2px -406px;}
.icon-refresh span {background:url(Images/sprite.png) no-repeat 2px -168px;}
.icon-refresh.disabled span {background:url(Images/sprite.png) no-repeat 2px -201px;}
.icon-collapse span {background:url(Images/sprite.png) no-repeat left -236px;}
.icon-collapse.disabled span {background:url(Images/sprite.png) no-repeat left -804px;}
.icon-expand span {background:url(Images/sprite.png) no-repeat left -1774px;}
.icon-expand.disabled span {background:url(Images/sprite.png) no-repeat left -1811px;}
.icon-check span {background:url(Images/sprite.png) no-repeat left -973px;}
.icon-check.disabled span {background:url(Images/sprite.png) no-repeat left -1010px;}
.icon-filter span {background:url(Images/sprite.png) no-repeat left -732px;}
.icon-filter.disabled span {background:url(Images/sprite.png) no-repeat left -768px;}
.icon-temp-01 span {background:url(Images/sprite.png) no-repeat left -628px;}
.icon-temp-01.disabled span {background:url(Images/sprite.png) no-repeat left -1311px;}
.icon-contact span {background:url(Images/sprite.png) no-repeat left -597px;}
.icon-contact.disabled span {background:url(Images/sprite.png) no-repeat left -1282px;}
.icon-next span {background:url(Images/sprite.png) no-repeat right -1470px;}
.icon-prev span {background:url(Images/sprite.png) no-repeat left -1500px;}
.icon-edit-sap span {background:url(Images/sprite.png) no-repeat left -1046px;}
.icon-edit-sap.disabled span {background:url(Images/sprite.png) no-repeat left -1084px;}

.icon-exirospr {
display:inline-block;
width:17px;
height:13px;
background:url(Images/sprite.png) no-repeat;
text-indent:-9999px;
margin-left:5px
}

.icon-exirospr-rejected {
background-position:right -1255px;
}

.icon-exirospr-reassign {
background-position:right -1187px;
}

.icon-exirospr-warning {
background-position:right -1218px;
width:15px;
}

.icon-exirospr-info {
background-position:right -1331px;
width:17px;
}

button.icon.button-right span {
display: block;
padding: 2px 42px 0 0;
height:20px
}

button.icon.button-left span {
display: block;
padding: 2px 0 0 26px;
height:20px
}

button.icon.button-right {
padding-left: 10px;
padding-right:5px;
height:32px;
}

button.icon.button-left {
padding-left: 5px;
padding-right:10px;
height:32px;
}

.btn-cancel {
padding-top:8px;
margin-right:10px
}

.btn-cancel span {
text-decoration:underline;
font-weight:bold
}

.btn-cancel span:hover {
text-decoration:none;
cursor:pointer
}

/* Arrow */

.arrow-crumb {
display: inline-block;
height: 34px;
line-height: 34px;
width: 50px;
margin: 0 30px 0 0;
text-indent: 13px;
position: relative;
float:left
}

.arrow-crumb:before {
content: " ";
height: 0;
width: 0;
position: absolute;
left: -2px;
border-style: solid;
border-width: 17px 0 17px 17px;
border-color: transparent transparent transparent #fff;
z-index: 0;
}

.arrow-crumb:first-child:before {
border-color: transparent;
}

.arrow-crumb span:after {
content: " ";
height: 0;
width: 0;
position: absolute;
right: -15px;
border-style: solid;
border-width: 17px 0 17px 17px;
border-color: transparent transparent transparent #faf5d4;
z-index: 10;
}

.arrow-crumb.disabled span:after {
border-color: transparent transparent transparent #f3f3f3;
}

.arrow-crumb span {
display: block;
background: #faf5d4 url(Images/sprite.png) no-repeat left -8px;
border-left:8px solid #faf5d4
}

.arrow-crumb.disabled span {
background: #f3f3f3 url(Images/sprite.png) no-repeat left -8px;
border-left:8px solid #f3f3f3
}



/* PRs, POs */

#body-style h2.title, #pos h2.title {
width:80px;
padding-top:4px;
padding-bottom:0
}

button.switch-grid {
border-radius:4px 4px 0 0;
padding:8px 15px;
height:33px;
font-weight:bold;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

button.switch-grid.active {
border-bottom:1px solid #FFF;
background-color:#FFF;
background:#FFF;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

button.icon.icon-right span {
padding-left:0;
padding-right:18px
}

.icon-edit span {
background:url(Images/sprite.png) no-repeat right -31px
}

/*
.bg-bubble {
text-align:center;
color:#FFF;
background:transparent url(Images/sprite-summary.png) no-repeat center 2px;
display:block;
width:50px;
font-size:0.8em;
padding:16px 0;
height:37px;
}
*/

.grey {
color:#979797
}

.center {
text-align:center
}

.block {
display:block
}

.fucsia {
color:#b21f5d
}

.forecast-bpp {
margin-top:38px
}

.forecast-bpp .grey {
font-size:1.25em
}

.small {
font-size:.917em
}

.mid {
font-size:1.25em
}

.mid-large {
font-size:1.5em
}

.large {
font-size:2.25em;
line-height:1.4
}

.x-large {
font-size:3em;
line-height:1.25
}

.blue {
color:#1e6e97
}

.col.border-left {
box-shadow: inset 1px 0 0 #FFF;
-webkit-box-shadow: inset 1px 0 0 #FFF;
-moz-box-shadow: inset 1px 0 0 #FFF;
border-left:1px solid #DDD
}
.circle-mid {
text-align:center;
color:#FFF;
background:transparent url(Images/sprite-summary.png) no-repeat center -272px;
display:block;
width:48px;
font-size:1.75em;
padding:11px 0;
height:23px;
}

.circle-small {
color:#FFF;
text-align:center;
background:transparent url(Images/sprite-summary.png) no-repeat center -342px;
display:block;
width:32px;
font-size:1.25em;
padding:11px 0;
height:23px;
}

.col-left, .col-center, .col-right {
float:left
}

.col-left {
width:100px;
padding-right:10px;
float:left
}

.col-center {
width:150px;
padding-right:10px;
float:left
}

.circle .grey {
margin:0 0 6px
}

.circle .grey.small {
margin:0
}

.col-04 .circle {
float:left;
margin-right:15px
}

.chart {
width:150px;
margin-bottom:11px
}

.chart img {
float:left;
margin-right:10px
}

.chart .blue {
float: left;
line-height: 1;
padding-top: 6px;
}

.bar {
margin-bottom:11px
}

.bar span {
float:left;
margin-right:6px
}

.bar .blue {
padding-top:4px;
width:28px
}

.bar-block {
height:25px;
background-color:#bcbcbc;
-webkit-box-shadow: 0px 4px 4px -4px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 4px 4px -4px rgba(50, 50, 50, 0.2);
box-shadow:         0px 4px 4px -4px rgba(50, 50, 50, 0.2);
}

.bar .large {
line-height:1;
}

.rejected {
width:100px;
background:url(Images/sprite-summary.png) no-repeat -220px -81px
}

.reassigned {
width:100px;
background:url(Images/sprite-summary.png) no-repeat -220px -166px
}

/* Shadows */
.shadow-top {
-webkit-box-shadow: 0px -3px 2px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    0px -3px 2px rgba(50, 50, 50, 0.05);
box-shadow:         0px -3px 2px rgba(50, 50, 50, 0.05);
}

.shadow-bottom {
-webkit-box-shadow: 0px 4px 4px -4px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 4px 4px -4px rgba(50, 50, 50, 0.15);
box-shadow:         0px 4px 4px -4px rgba(50, 50, 50, 0.15);
}

/* DROP DOWNS */
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 140px;
margin:0;
list-style: none;
background-clip: padding-box;
-webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
box-shadow: 0 8px 8px rgba(0, 0, 0, .3);
}

#subheader .dropdown-menu {
background-color:#23678c
}

.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 8px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
background-color: #555;
}
#subheader .dropdown-menu > li > a:hover,
#subheader .dropdown-menu > li > a:focus {
color: #FFF;
background-color: #6aa1bf;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #999;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}

a.focused
{
background-color: #23678c!important;
}

#subheader a.trigger-dropdown:hover {
cursor:pointer;
background-color:#23678c!important
}

input[type="search"]::-webkit-search-decoration {
display: none;
}

input:invalid,
button:invalid,
a.button:invalid,
select:invalid,
textarea:invalid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
input:focus,
button:focus,
a.button:focus,
select:focus,
textarea:focus {
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 0 4px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.3),0 0 4px rgba(102,175,233,.7);
z-index: 1;
}

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

button,
a.button, input.search,
input[type="reset"],
/* input[type="text"], */
input[type="submit"],
input[type="button"],
select {
-webkit-appearance: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
background: #eff2f2;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feffff), color-stop(100%, #eff2f2));
background-image: -webkit-linear-gradient(#feffff, #eff2f2);
background-image: -moz-linear-gradient(#feffff, #eff2f2);
background-image: -o-linear-gradient(#feffff, #eff2f2);
background-image: -ms-linear-gradient(#feffff, #eff2f2);
background-image: linear-gradient(#feffff, #eff2f2);
border: 1px solid #d4dadd;
cursor: pointer;
color: #444;
display: inline-block;
font: 12px/1.4 Arial, "Helvetica Neue", sans-serif;
outline: 0;
overflow: visible;
margin: 0;
padding: 5px 15px;
text-shadow: white 0 1px 1px;
text-decoration: none;
vertical-align: top;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
background-color: white;
text-align: left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
height: 27px;
vertical-align: top;
white-space: nowrap;
}

.iframe-right span {
background:url(Images/sprite.png) no-repeat right -1748px;
position:absolute;
right:7px;
top:9px;
width:9px;
height:9px;
text-indent:-9999px
}

.iframe-right span:hover {
cursor:pointer;
opacity:.8
}

select {
padding: 5px 3px;
text-shadow:none
}

textarea {
border: 1px solid #d4dadd;
color: #444;
display: inline-block;
font: 12px/1.4 Arial, "Helvetica Neue", sans-serif;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
padding:5px
}

/*
input[type="text"] {
border-radius:0;
background:#FFF;
background-color:#FFF;
padding:5px
}
*/

input.width-100[type="text"] {
width:100%
}

input.search:hover {
cursor:text;
}

input.search {
padding-left:5px;
background-color:#FFF;
width:200px
}

button.button-search, button.button-clear {
position:absolute;
right:2px;
top:2px;
text-indent:-9999px;
width:22px;
height:22px;
border:0;
padding:0
}

button.button-search {
background:#FFF url(Images/sprite.png) no-repeat -79px -109px;
}

button.button-clear {
background:#FFF url(Images/sprite.png) no-repeat -79px -1648px;
}

button.button-search:hover, button.button-search:active {
background:#FFF url(Images/sprite.png) no-repeat -79px -1616px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
cursor:pointer
}

button.button-clear:hover, button.button-clear:active {
background:#FFF url(Images/sprite.png) no-repeat -79px -1648px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
cursor:pointer
}

p.search-field {
position:relative
}

input.search:focus {outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05),0 0 4px rgba(102,175,233,.5);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(102,175,233,.4)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}

button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.ui-tabs-nav .ui-state-hover a, .ui-tabs-nav .ui-state-hover a:hover, .ui-dialog .iframe-right p:hover {
background: #e1e7e7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feffff), color-stop(100%, #e1e7e7));
background-image: -webkit-linear-gradient(#feffff, #e1e7e7);
background-image: -moz-linear-gradient(#feffff, #e1e7e7);
background-image: -o-linear-gradient(#feffff, #e1e7e7);
background-image: -ms-linear-gradient(#feffff, #e1e7e7);
background-image: linear-gradient(#feffff, #e1e7e7);
}
button:active,
a.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active,
.ui-tabs-nav .ui-state-hover a:active {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
background-image: -moz-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
background-image: -o-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
background-image: -ms-linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 3px 3px -2px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 3px 3px -2px;
box-shadow: inset rgba(0, 0, 0, 0.25) 0 3px 3px -2px;
border-color: #999999 #bbbbbb #dddddd;
}
button::-moz-focus-inner,
a.button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
border: 0;
padding: 0;
}
button.disabled:hover,
a.button.disabled:hover {
background: #eff2f2;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feffff), color-stop(100%, #eff2f2));
background-image: -webkit-linear-gradient(#feffff, #eff2f2);
background-image: -moz-linear-gradient(#feffff, #eff2f2);
background-image: -o-linear-gradient(#feffff, #eff2f2);
background-image: -ms-linear-gradient(#feffff, #eff2f2);
background-image: linear-gradient(#feffff, #eff2f2);
border: 1px solid #D4DADD;
cursor:default;
}
.ui-tabs-nav .ui-state-active.ui-tabs-active a.ui-tabs-anchor, #nav a:hover, #nav .active a {
-webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 4px 4px -2px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 4px 4px -2px;
box-shadow: inset rgba(0, 0, 0, 0.25) 0 4px 4px -2px;
border-color: #999999 #bbbbbb #dddddd;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
/* input[type="text"][disabled], */
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
background-color: #eeeeee;
}

button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
a.button_disabled {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
color: #ADADAD;
cursor: default;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #888888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
color: #888888;
}

input.placeholder_text,
textarea.placeholder_text {
color: #888888;
}

textarea,
select[size],
select[multiple] {
height: auto;
}

select[size="0"],
select[size="1"] {
height: 1.8em;
*height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
select[size],
select[multiple],
select[multiple][size] {
background-image: none;
padding-right: 13px;
}

a:focus {
outline: none;
}

select, .button-bar select, 
select[size="0"],
select[size="1"] {
background-image: url();
background-repeat: no-repeat;
background-position: right center;
padding: 5px 20px 5px 10px;
height:27px;
}

input.ui-pg-input {
padding: 2px 5px 2px;
}

::-webkit-validation-bubble-message {
-webkit-box-shadow: none;
box-shadow: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
border: 1px solid;
border-color: #747474 #5e5e5e #4f4f4f;
color: white;
font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
overflow: hidden;
padding: 15px 15px 17px;
text-shadow: black 0 0 1px;
height: 16px;
}

::-webkit-validation-bubble-arrow,
::-webkit-validation-bubble-top-outer-arrow,
::-webkit-validation-bubble-top-inner-arrow {
-webkit-box-shadow: none;
box-shadow: none;
background: #666666;
border: 0;
}

p.align-left {
padding-top: 7px;
}
}


/* Override UI styles */

.ui-widget-content.ui-tabs {
border:0 none
}

#tabs .ui-widget-header {
background-color:#EFF3F5
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-th-column, .ui-widget-content .ui-th-column.ui-state-default, .ui-widget-content th.ui-state-default {
background-color:#f0f3f5;
border-bottom:0 none
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
background-color:#F8F8F8
}

.ui-priority-secondary.ui-state-highlight, .ui-widget-content .ui-priority-secondary.ui-state-highlight, .ui-widget-header .ui-priority-secondary.ui-state-highlight {
background-color:#fcf8e2
}

.ui-priority-secondary.ui-state-hover, .ui-widget-content .ui-priority-secondary.ui-state-hover, .ui-widget-header .ui-priority-secondary.ui-state-hover {
background-color:#dadada
}

.ui-pg-button .ui-icon {
width:23px;
height:22px!important;
background:url(Images/sprite-pager.png) no-repeat;
border:0 none;
padding:0
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity:1;
}

.ui-pg-button.ui-state-hover, .ui-pg-button.ui-state-hover.ui-state-disabled, .ui-pg-button.ui-state-hover:hover, .ui-pg-button.ui-state-hover.ui-state-disabled:hover {
border:0 none;
padding:0;
height:auto!important
}

.ui-pg-button .ui-icon.ui-icon-seek-next {
background-position:-138px top
}

.ui-pg-button .ui-icon.ui-icon-seek-end {
background-position:-161px top
}

.ui-pg-button .ui-icon.ui-icon-seek-first {
background-position:left top
}

.ui-pg-button .ui-icon.ui-icon-seek-prev {
background-position:-23px top
}

.ui-pg-button.ui-state-disabled .ui-icon.ui-icon-seek-next {
background-position:-92px top
}

.ui-pg-button.ui-state-disabled .ui-icon.ui-icon-seek-end {
background-position:-115px top
}

.ui-pg-button.ui-state-disabled .ui-icon.ui-icon-seek-first {
background-position:-46px top
}

.ui-pg-button.ui-state-disabled .ui-icon.ui-icon-seek-prev {
background-position:-69px top
}

.ui-pg-input {
font: 12px/1.3 Arial,Helvetica,sans-serif;
}

.ui-widget-header.ui-tabs-nav {
border: 0 none;
border-bottom: 1px solid #DFDFDF;
}

.ui-state-default.red a.ui-tabs-anchor {
color:#d82424
}

.ui-tabs .ui-tabs-nav .ui-tabs-active a.ui-tabs-anchor {
background-color:#d8e1e5;
background:#d8e1e5
}

.ui-state-default.ui-th-column.ui-th-ltr div {
padding-left:2px
}

span.ui-icon.ui-icon-asc.ui-icon-triangle-1-n {
width:7px;
height:9px;
background:url(Images/sprite.png) right -223px;
margin:0 0 0 4px;
vertical-align:middle;
display:inline-block;
position:relative
}

span.ui-icon-desc.ui-icon-triangle-1-s {
display:none
}


/* TinyMCE styles override */

span.ui-icon.ui-icon-circlesmall-minus {
background:url(Images/sprite.png) no-repeat left -559px;
width:13px;
height:13px;
margin-right:8px
}

span.ui-icon.ui-icon-circlesmall-plus {
background:url(Images/sprite.png) no-repeat left -526px;
width:13px;
height:13px;
margin-right:8px
}

tr.row-all-cells-summary img, tr.row-cell-summary img {
display:none
}

.quotation-group-total {
color: #777777;
font-weight:normal;
font-size:11px
}

.ui-button.ui-dialog-titlebar-close {
width:11px;
height:11px;
background:url(Images/sprite.png) no-repeat left -448px;
}

.ui-icon.ui-icon-closethick {
display:none
}

.ui-dialog-titlebar.ui-widget-header, .ui-datepicker-header.ui-widget-header {
background-color:#004e78;
border:0 none
}

.ui-dialog .left {
float:left;
width:260px;
margin-right:25px
}

.ui-dialog .right {
float:left;
width:535px;
}

.ui-dialog select {
margin-bottom:8px
}

.ui-dialog p {
padding-bottom:15px
}

.ui-dialog-content .ui-tabs .ui-widget-header {
background-color:#eff3f5;
border:0 none;
padding-left:20px
}

.ui-dialog .ui-dialog-content.bottom-padding {
padding: 0 0 20px
}

.ui-dialog .ui-dialog-content.padding {
padding:20px
}

.ui-dialog .ui-tabs .ui-tabs-nav li {
white-space: nowrap;
width:auto;
}

.ui-dialog .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
padding-left:15px;
padding-right:15px;
width:auto;
border: 1px solid #D4DFE3;
}

.ui-dialog .ui-tabs .ui-tabs-panel {
padding: 20px;
background-color:#FFF
}

.ui-dialog .ui-tabs .ui-tabs-nav .ui-tabs-active a.ui-tabs-anchor {
background:#FFF;
}

.ui-dialog .ui-tabs-nav .ui-state-active.ui-tabs-active a.ui-tabs-anchor {
border:1px solid #D4DFE3;
border-bottom-color:#FFF;
border-left-color:#D4DFE3;
box-shadow:none;
}

h4 {
font-size:14px;
font-weight:bold;
margin-bottom:8px
}

/* layers */

.layer_footer {
padding-top:19px;
border-top:3px solid #dfe9ee;
margin-top:20px
}

.layer_header {
padding:15px 20px 0;
background-color:#eff3f5;
}

.ui-dialog h4 {
font-weight:normal
}

.ui-dialog h4 span {
font-size:12px;
}

.ui-dialog .layer_footer p {
padding-bottom:0
}

.width-100 {
width:100%;
}

.reassign-pr-container {
width:100%;
height:499px;
overflow-y:scroll
}

.reassign-pr-container p {
padding-bottom:5px
}

.step-number {
width:27px;
height:21px;
background:url(Images/sprite.png) no-repeat;
background-position:left -1411px;
float:left;
text-align:center;
padding-top:6px;
color:#FFF;
margin-right:8px
}

.active .step-number {
background-position:left -1354px
}

.done .step-number {
background-position:left -1573px
}

#steps {
padding-bottom:10px;
border-bottom: 3px solid #DFE9EE;
}

#steps li {
float:left;
font-size:14px;
width:20%
}

.step-name {
width:100px;
display:block;
float:left;
padding-top:6px
}

.ui-dialog .button-group {
float:left;
margin-left:275px
}

.ui-dialog .button-group.align-right {
float: right;
margin-left:0;
}

.ui-dialog #layer-new-po-1 .button-group {
margin-left:350px
}

input.datepicker-icon {
background:#FFF url(Images/sprite.png) no-repeat right -1526px
}

th input.hasDatepicker {
background:#FFF url(Images/sprite.png) no-repeat right -1526px;
clear: both;
display: block;
}

table.ui-datepicker-calendar td a.ui-state-default {
border:0 none;
font-weight:bold
}

.ui-datepicker {
-webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 3px 8px 0px rgba(0, 0, 0, 0.6);
box-shadow:         0px 3px 8px 0px rgba(0, 0, 0, 0.6);
}

.content.layer_footer {
width:auto;
margin-left:20px;
margin-right:20px;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

.ui-dialog th select {
margin:2px 0 0
}

td span.capitalize {
text-transform:capitalize
}

tr.row-non-ebd-pr td {
font-style:italic;
color:#777777;
}

.ui-dialog form label {
display:block;
float:left;
margin-right:8px;
padding-top:8px
}

.ui-dialog form.label-width label {
width:140px;
text-align:right;
}

.ui-dialog form select {
margin-bottom:0
}

.ui-dialog h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding:12px 0 15px
}

.ui-dialog p.small {
padding-bottom:2px
}

.ui-dialog p.small span {
float:left;
width:220px
}

span.col-02 {
margin-left:370px;
}

span.col-01 {
margin-left:150px;
}

span.closer:hover {
text-decoration:none;
cursor:pointer
}

.ui-dialog input[type="radio"] {
margin-left:0
}

.reject-confirmation {
border-top:3px solid #DFE9EE;
padding-top:15px
}

.reject-confirmation p {
padding-bottom:8px
}

strong {
font-weight:bold
}

.ui-dialog .text {
line-height:1.25
}

.ui-dialog .text p {
padding:20px 0 0
}

.ui-dialog .text p:first-child {
padding:0
}

.col-left-01 {
float:left;
width:360px;
height:300px;
margin-right:20px;
margin-left: 80px;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden
}

.col-right-01 {
float:left;
width:360px;
height:300px;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow:hidden
}

.iframe {
border:1px solid #DDD;
height:270px;
overflow-y:scroll
}

.iframe-left p {
padding-bottom:3px
}

.col-left-01 h4, .col-right-01 h4 {
padding-bottom:5px
}

/* Preview */

#po-preview a.close {
text-decoration:underline;
font-weight:bold;
margin-top:4px;
color:#555
}

#po-preview a.close:hover {
text-decoration:none
}

#po-preview .col {
display:inline;
float:left;
width:33.333333%;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

#po-preview .col.wide {
width:66.666666%;
padding-top:15px
}

.header-data {
background-color:#eff3f5;
border-top: 1px solid #D4DADD;
border-bottom: 1px solid #D4DADD;
padding:12px 0;
-webkit-box-shadow: inset 0px -4px 5px -3px rgba(50, 50, 50, 0.1);
-moz-box-shadow:    inset 0px -4px 5px -3px rgba(50, 50, 50, 0.1);
box-shadow:         inset 0px -4px 5px -3px rgba(50, 50, 50, 0.1);
}

#po-preview h4 {
color:#797979;
text-transform:uppercase;
font-weight:normal;
font-size:12px;
padding-bottom:5px
}

#po-preview dd {
margin: 0 0 0 180px;
}

#po-preview dt {
width: 170px;
}

#po-preview dt:after {
content: "";
}

#po-preview dl {
margin-bottom:5px
}

#po-preview .col-left, #po-preview .col-right {
width:48%;
float:left;
margin-right:2%;
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

#po-preview .col-left p, #po-preview .col-right p {
text-transform:uppercase;
text-align:right;
width:170px;
font-size:11px;
padding-bottom:8px;
color:#767676
}

#po-preview  .subnav {
border:0 none;
width: 100%;
}

#po-preview .subnav li a {
background-color:#FFF;
#background-image:none;
border:0 none;
color: #555555;
display: block;
font-weight: bold;
line-height: 1.35;
padding: 4px 0;
text-align: left;
}

#po-preview .subnav li.active a {
background:none
}

ol {
list-style: none outside none;
}

.underline {
text-decoration:underline;
font-weight:bold
}

a.preview {
float: right;
font-weight: bold;
margin-top: 8px;
text-decoration: underline;
}

a.preview:hover, a.underline:hover {
text-decoration:none;
}

.check-group {
float: left;
margin-left: 5px;
width: 75px;
}

select.customelement {
float:left
}

.check-group span {
display: inline-block;
margin-left: 3px;
margin-top: 2px;
white-space: normal;
width: 60px;
word-wrap: break-word;
}

.ui-dialog .editable select {
margin-bottom:0;
}

.editable {
display:block
}

.ui-datepicker-prev span {
background:url(Images/sprite.png) no-repeat left -1847px
}

.ui-datepicker-next span {
background:url(Images/sprite.png) no-repeat left -1875px
}

.ui-datepicker-prev span:hover, .ui-datepicker-next span:hover {
cursor:pointer
}

.ui-datepicker-next.ui-state-hover, .ui-datepicker-prev.ui-state-hover, .ui-datepicker-next.ui-state-hover:hover, .ui-datepicker-prev.ui-state-hover:hover {
background-color:transparent;
top:2px
}
